<template>
    <headerr></headerr>
    <Divider style="width: 100%;border-top: 2px solid #ff3c1b;"></Divider>
    <div style="background:#fff;width: 1200px;margin: 30px auto;">
        <Row>
            <Col :span="4">
                <Menu style="width:auto;min-height: 300px;">
                    <MenuItem to="/home" style="background: rgb(255, 92, 65);color: rgb(255, 255, 255);">我的逃票</MenuItem>
                    <Submenu name="1">
                        <template #title>
                            交易中心
                        </template>
                        <MenuItem name="1-1" to="/orderList">订单管理</MenuItem>
                    </Submenu>
                    <Submenu name="2">
                        <template #title>账户中心</template>
                        <MenuItem name="2-1">个人信息</MenuItem>
                        <MenuItem name="2-2" to="/ticketBuyer">常用购票人</MenuItem>
                    </Submenu>
                </Menu>
            </Col>
            <Col :span="20">
                <div style="padding: 0 20px;">
                    <RouterView></RouterView>
                </div>
            </Col>
        </Row>    
    </div>
    <footerr></footerr> 
</template>
<script setup>
import footerr from "../../components/footer/index.vue"
import headerr from "../../components/header/index.vue"

</script>
<style scoped>
.ivu-menu-vertical .ivu-menu-item:hover, .ivu-menu-vertical :deep(.ivu-menu-submenu-title:hover) {
    background: #e6e6e6;
}
.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu) {
    color: #ff3c1b;
    border-right: 2px solid #ff3c1b;
    z-index: 2;
}
</style>